<!DOCTYPE html>
<html lang="en" style="height:100%">

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>活跃度</title>
	<link rel="stylesheet" type="text/css" href="../../css/api.css" />
	<link rel="stylesheet" type="text/css" href="../../css/style.css" />
	<link rel="stylesheet" type="text/css" href="../../css/yzl.css" />
	<!-- <link rel="stylesheet" href="../../css/BarlowCondensed-Bold.woff.ttf" /> -->
	<!-- <link rel="stylesheet" href="../../css/sqc.css"> -->
	<style>
	*{
		margin: 0;
		padding: 0;
	}
	input{

		outline:none;
	}

	</style>
</head>

<body style="background: #fff;">
  <div id="blank" class="header" v-cloak>
		<div v-back.tapmode class="back"></div>
    <div class="title">活跃度</div>
	</div>
	<div id="app"  v-cloak style="padding-top:60px;">
        <div class="people-number">
            <div class="total-value" style="padding:0 10%;height:auto;background-image: url('../../image/huoyue_slices_bg.png');background-size: 100% 100%;">
                <div class="character-number-one-two" style="margin:20px 0 18px 0;font-size:12px;font-weight:bold;">
                    <div class="character-number-title">当前等级:&nbsp;LV{{activity_list.level}}</div>
                </div>
                <div class="character-number-one-two" style="margin:0px 0 12px 0;font-size:12px;font-weight:bold;">
                    <div class="character-number-title" style="width: 62px;">直推</div>
                    <div class="character-number-one" style="width: 120px;">
                        <div class="progress-bar" style="padding:1px;">
                            <span class="progressing" v-bind:style=" 'width:' + (activity_list.pushPeople/activity_list.pushPeopleNum)*100 +'%' "></span>
                        </div>
                    </div>
                    <div style="width: 80px;text-align: right">{{activity_list.pushPeople}}/{{activity_list.pushPeopleNum}}</div>
                </div>
                <div class="character-number-one-two" style="margin:0px 0 12px 0;font-size:12px;font-weight:bold;">
                    <div class="character-number-title" style="width: 62px;">团队活跃度</div>
                    <div class="character-number-one" style="width: 120px;">
                        <div class="progress-bar" style="padding:1px;">
                            <span class="progressing" v-bind:style=" 'width:' + (activity_list.teamActive/activity_list.teamActiveNum)*100 +'%' "></span>
                        </div>
                    </div>
                    <div style="width: 80px;text-align: right;">{{activity_list.teamActive}}/{{activity_list.teamActiveNum}}</div>
                </div>
                <div class="character-number-one-two" style="margin:0px 0 12px 0;font-size:12px;font-weight:bold;">
                    <div class="character-number-title" style="width: 62px;">联盟活跃度</div>
                    <div class="character-number-one" style="width: 120px;">
                        <div class="progress-bar" style="padding:1px;">
                            <span class="progressing" v-bind:style=" 'width:' + (activity_list.allianceActive/activity_list.allianceActiveNum)*100 +'%' "></span>
                        </div>
                    </div>
                    <div style="width: 80px;text-align: right">{{activity_list.allianceActive}}/{{activity_list.allianceActiveNum}}</div>
                </div>
            </div>
        </div>
    <div class="form-exp">
      <table border="1" cellspacing="0" style="text-align: center;width: 100%">
        <tr style="width: 59px;height:36px; background-color:#F7F4F2;font-size:12px;">
          <td>等级</td>
          <td>直推</td>
          <td>团队总活跃度</td>
          <td>联盟活跃度</td>
          <td>分红</td>
          <td>赠送任务</td>
        </tr>
        <tr style="width: 59px;height:36px;color:#999;font-size:12px;" v-for="(list,index) in activity_list_con" :key="index">
          <td>{{list.vitalityName}}</td>
          <td>{{list.pushNumber}}</td>
          <td>{{list.teamVitalitNum}}</td>
          <td>{{list.allianceVitalitNum}}</td>
          <td>{{list.rewardNum}}%</td>
          <td>{{list.remarks}}</td>
        </tr>
      </table>
    </div>
    <div class="explain">
      <div class="exp-method">活跃度获取方式：</div>
      <div style="font-size:12px;">1、当我<span style="color: #F95656">领取任务</span>获取活活跃度，任务已完成或过期活跃度也会自动扣除。</div>
      <div style="font-size:12px;">2、<span style="color: #F95656">下级领取任务</span>获得下级奖励活跃度的5% <span style="color: #F95656">（只有在我的等级>下级等级的情况下，才能获的下级活跃度）</span></div>
      <div style="font-size:12px;">3、<span style="color: #F95656">直推下级</span>，实名后上级可获得0.05点活跃度，有效期30天。</div>


       <div class="exp-method">获取类型：</div>
       <div style="font-size:12px;">1、当我<span style="color: #F95656">
                                任务活跃度
                            </span>
           ：我领取任务的时候所获得的活跃度，任务有效期
           就是活跃度有效期。</div>
       <div style="font-size:12px;">2、<span style="color: #F95656">
                                下级任务活跃度
                            </span>
           ：下级领取任务时所获得的活跃度，任务有效
           期就是活跃度有效期。</div>
       <div style="font-size:12px;">3、<span style="color: #F95656">
                                邀请活跃度
                            </span>
           ：每1个直推下级实名后可获得0.05活跃度，有效
           期30天。</div>

      <div class="exp-method" style="margin-top:20px;">活跃度作用：</div>
        <div style="font-size:12px;">1、达到相应等级要求可以获得平台的全部收益<span style="color: #F95656">分红</span>。</div>
      <div style="font-size:12px;">2、我的*1点活力值一天可多产<span style="color: #F95656">0.4钻石</span>（QHR）</div>

      <div class="exp-method" style="margin-top:20px;">活跃度类型：</div>
      <div style="font-size:12px;"><span style="color:#F95656">团队总活跃度</span>=您旗下无限代所有好友的活跃度之和</div>
        <div style="font-size:12px;"><span style="color:#F95656">联盟活跃度</span>=团队活跃度—大区活跃度</div>
      <div style="font-size:12px;"><span style="color:#F95656">英雄活跃度</span>=直推好友中，团队活跃度最高者1人的总值</div>


        <div class="exp-method" style="margin-top:20px;">升星必要条件：</div>
        <div style="font-size:12px;">升<span style="color:#F95656">HLv1达人</span>直推必须超过 20 人</div>
        <div style="font-size:12px;">升<span style="color:#F95656">HLv2达人</span>联盟 2&nbsp;代及以上必须有一个<span style="color:#F95656">HLv1达人</span></div>
        <div style="font-size:12px;">升<span style="color:#F95656">HLv3达人</span>联盟 3&nbsp;代中必须有一个<span style="color:#F95656">HLv2达人</span></div>
        <div style="font-size:12px;">升<span style="color:#F95656">HLv4达人</span>联盟 4&nbsp;代中必须有一个<span style="color:#F95656">HLv3达人</span></div>
        <div style="font-size:12px;">升<span style="color:#F95656">HLv5达人</span>联盟 5&nbsp;代中必须有一个<span style="color:#F95656">HLv4达人</span></div>
    </div>
	</div>
</body>
<script src="../../script/api.js"></script>
<script src="../../script/vue.js"></script>
<script src="../../script/app.js"></script>
<script src="../../script/common.js"></script>
<script src="../../script/url.js"></script>
<script src="../../script/components.js"></script>
<script type="text/javascript" src="../../script/jquery.js"></script>

<script>
	var vm,
		wx,
        activity_list,
        activity_list_con,
    apiready = function () {
		setBSImg();
		new Vue({
			el: '#blank'
		})
		wx = api.require('wx');
		setBSImg();
		showProgress();
        var data = {
            wxOpenId:getPrefs('openid'),
            token:getPrefs('token'),
        };
        var callback=function(ret){
            activity_list = ret.content;
            activity_list_con = ret.content.list;
            console.log(JSON.stringify(activity_list));
            initApp();
        }
        pinet.post(APIURLP+'/play/user/myVitalityValue',data, callback);
		api.parseTapmode();
	};

	function initApp() {
		// var isBigImg = Vue.BSImg == 'big';
		vm = new Vue({
			el: '#app',
			data: {
                activity_list:activity_list,
                activity_list_con:activity_list_con,
			},
			computed: {

			},
			methods: {

			},
			watch: {

			},
		})
	}


</script>

</html>
